<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>注册</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="stylesheet" href="front/AmazeUI-2.4.2/assets/css/amazeui.min.css" />
		<link href="front/css/dlstyle.css" rel="stylesheet" type="text/css">
		<script src="front/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="front/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
		<jsp:include page="/head.jsp"/>
		<link rel="stylesheet" type="text/css" href="assets/plugins/bootstrapvalidator/css/bootstrapValidator.min.css" />
        <script src="assets/plugins/bootstrapvalidator/js/bootstrapValidator.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/plugins/bootstrapvalidator/js/language/zh_CN.js" type="text/javascript" charset="utf-8"></script>
        
	</head>

	<body style="background-color: white;">

		<div class="login-boxtitle">
			<a href="mall-list.let">
			<img src="front/images/logobig.png" alt="图片加载中" style="width: 80px; height: 80px; padding-top: 5px;" /><img src="front/images/logo_font.png" alt="图片加载中" style="width: 88px; height: 35px; display: inline-block;position: absolute;top: 25px;"/>
			</a>    
		</div>

		<div class="res-banner" style="height:620px">
			<div class="res-main">
				<div class="login-banner-bg"><span></span><img src="front/images/big.jpg" /></div>
				<div class="login-box login-b" style="height:590px">

						<div class="am-tabs" id="doc-my-tabs">
							<ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify">
								<li>注册</li>
							</ul>
							
                            <a href="login1.jsp" class="zcnext am-fr am-btn-default">登录</a>
                            <br />

							<div class="am-tabs-bd">
								<div class="am-tab-panel am-active">
									<form name="regForm" action="reg.let" method="post"
                data-bv-message="验证不通过"
                data-bv-feedbackicons-valid="fa fa-check"
                data-bv-feedbackicons-invalid="fa fa-times"
                data-bv-feedbackicons-validating="fa fa-refresh">
										
						<div class="form-group row">
								<label class="col-sm-4 col-form-label text-center" style="background: #FFFAF0"><b
									class="text-danger">*</b>用户名</label>
								<div class="col-sm-8">
									<input
										name="userName" type="text" placeholder="由3到20个单词字符组成"
										 class="form-control" value=""
                     data-bv-trigger="keyup"
                     required data-bv-notempty-message="用户名不能为空"
                     pattern="^[a-zA-Z]\w{2,19}$" data-bv-regexp-message="用户名必须由字母开始的3-20个单词字符组成"
                     data-bv-different data-bv-different-field="userPassword" data-bv-different-message="用户名不能和密码一样"
                     >
								</div>
							</div>

							<div class="form-group row">
								<label class="col-sm-4 col-form-label text-center" style="background: #FFFAF0"><b
									class="text-danger">*</b>密码</label>
								<div class="col-sm-8">
									<input name="userPassword" type="password"
										placeholder="由3到20个字符组成"
										class="form-control" value=""
                    
                    data-bv-trigger="keyup"
                    required data-bv-notempty-message="密码不能为空"
                    pattern="^.{3,20}$" data-bv-regexp-message="密码必须由3-20个字符组成"
                    data-bv-identical data-bv-identical-field="userPasswordConfirm" data-bv-identical-message="两次输入的密码必须一致"
                    data-bv-different data-bv-different-field="userName" data-bv-different-message="密码不能和用户名一样"
                    >
								</div>
							</div>

							<div class="form-group row">
								<label class="col-sm-4 col-form-label text-center" style="background: #FFFAF0"><b
									class="text-danger">*</b>密码确认</label>
								<div class="col-sm-8">
									<input  name="userPasswordConfirm"
										type="password" placeholder="两次输入密码一致" class="form-control"
										value=""
                    data-bv-trigger="keyup"
                    required data-bv-notempty-message="密码确认不能为空"
                    data-bv-identical data-bv-identical-field="userPassword" data-bv-identical-message="两次输入的密码必须一致"
                    >
								</div>
							</div>
							<div class="form-group row">
								<label class="col-sm-4 col-form-label text-center" style="background: #FFFAF0"><b
									class="text-danger">*</b>昵称</label>
								<div class="col-sm-8">
									<input  name="userNickname" type="text"
										 placeholder="由2到8个汉字组成"
										 class="form-control" value=""
                     data-bv-trigger="keyup"
                     required data-bv-notempty-message="昵称不能为空"
                     pattern="^[\u4100-\u9fa5]{2,8}$" data-bv-regexp-message="昵称必须由2-8个中文字符组成"
                     >
								</div>
							</div>

							<div class="form-group row">
								<label class="col-sm-4 col-form-label text-center" style="background: #FFFAF0"><b
									class="text-danger">*</b>性别</label>
								<div class="col-sm-8">
									<input type="radio" name="userSex" value="true"
										checked="checked">男 <input type="radio" name="userSex"
										value="false">女
								</div>
							</div>

							<div class="form-group row">
								<label class="col-sm-4 col-form-label text-center" style="background: #FFFAF0">出生日期</label>
								<div class="col-sm-8">
									<input type="date" name="userBrithdate" class="form-control"
										style="width: auto;" />
								</div>
							</div>

							<div class="form-group row">
								<label class="col-sm-4 col-form-label text-center" style="background: #FFFAF0">电话</label>
								<div class="col-sm-8">
									<input name="userPhone" type="text" placeholder="有11位数字组成"
										class="form-control" value="">
								</div>
							</div>

							<div class="form-group row">
								<div class="col-sm-9 offset-sm-4">
									<button class="btn btn-primary">
										<i class="fa fa-user-plus mr-1"></i> 注册
									</button>
								
								</div>
							</div>
                 
                 </form>
                 
										

								</div>


								

							</div>
						</div>

				</div>
			</div>
		</div>
					<div class="footer ">
						<div class="footer-hd ">
							<p>
								<a href="about.let?name=1278551338296279040 ">舒心购</a>
								<b>|</b>
								<a href="mall-list.let">商城首页</a>
							</p>
						</div>
						<div class="footer-bd ">
							<p>
								<a href="about.let?name=1278551338296279040" style="color:#6C6C6C">关于舒心购</a>
								<b>|</b>
								<a href="join.let?name=1278551338526965760" style="color:#6C6C6C">联系我们</a>
								<b>|</b>
								<em>© 2020-2025 shuxingou.com 版权所有</em>
							</p>
						</div>
					</div>
					<script src="reg.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>